<template>
  <div class="messageCenter">
    <div class="official-box" v-for="(item,index) in messageCenterdata" :key="index">
      <div class="official-notice">
        <img src="../../../assets/images/red-宠物肉垫(1)@2x.png" alt />
        <div class="official-text">
          <p>宠物信息{{item.isCheck}}</p>
          <span>抱歉，您发布的宠物信息因未写明送养原因未通过审核，点击查看</span>
          <div>
            <div v-for="info in item.pet.petImage" :key="info.id">
              <img :src="'http://'+info.petImage" alt />
            </div>
            <span>{{item.pet.petName}}</span>
          </div>
          <span>2020-6-30 16:48:50</span>
        </div>
      </div>
      <div class="time">
        <span>三分钟前</span>
      </div>
    </div>
  </div>
</template>
<script src="./messageCenter.js"></script>
<style lang="scss">
@import "./messageCenter.scss";
</style>